<html>

<Head>
    <script src="vue.js"></script>
</Head>

<body>
    11122
    <div id="div1">
        name:{{name}}
        <br>

        <a v-bind:href="url">百度</a>
        <br>
        <a :href="url">v-bank: 可以简写为:</a>
        <br>
        v-band 单向绑定
        v-mode 双休绑定;只能应用在表单类元素上


    </div>
</body>

<script>
    //el data的两种写法
    // new Vue({
    //     el: "#div1",
    //     data: {
    //         name: "name111",
    //         url: "www.baidu.com"
    //     }
    // })


    const vm = new Vue({
        data: function () {
            return {
                name: "name111",
                url: "www.baidu.com"
            }
        }
    })

    vm.$mount('#div1')

</script>

</html>